<template>
  <div class="coupon">
    <van-nav-bar
      title="优惠券"
      left-text="返回"
      :fixed="true"
      left-arrow
      @click-left="back"
    ></van-nav-bar>
    <van-empty
      description="暂时无可用优惠券"
    />
  </div>
</template>

<script>
export default {
  name: "Coupon",
  data(){
      return{
      }
  },
  methods:{
      back(){
          this.$router.go(-1)
      }
  }
};
</script>

<style lang="less" scoped>
.coupon{
    padding-top: 76px;
  .van-nav-bar--fixed{
    padding-top: 30px;
    background-color: #0022ab;
  }
  /deep/.van-nav-bar__title{
    color: #fff;
  }
  /deep/.van-icon{
    color: #fff;
  }
  /deep/.van-nav-bar__text{
    color: #fff;
  }
}
</style>